<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组的方法（破坏性方法）</title>
    <script>
        /* 
            数组的方法
                1.push()
                    在数组的末端添加一个或多个元素，并返回新数组的长度。

                2.pop()
                    在数组的末端删除一个元素，并返回删除的元素。

                3.unshift()
                    在数组的开始位置添加一个或多个元素，并返回新数组的长度。

                4.shift()
                    在数组的开始位置删除一个元素，并返回删除的元素。

                5.splice(删除的起始位置，删除的数量，要插入的元素)    
                    可以删除，插入，替换数组中的元素，并以数组的形式返回被删除的元素。

                6.reverse()反转数组

        */
        const arr=['孙悟空','猪八戒','沙和尚']

        //  1.push()在数组的开始位置添加一个或多个元素，并返回新数组的长度。
        const result=arr.push('唐僧','白龙马')
        console.log(arr,result) //  ['孙悟空', '猪八戒', '沙和尚', '唐僧', '白龙马']  5

        //  2.pop()在数组的末端删除一个元素，并返回删除的元素。
        const result1=arr.pop()
        console.log(arr,result1)    // ['孙悟空', '猪八戒', '沙和尚', '唐僧']  '白龙马'

        //  3.unshift()在数组的开始位置添加一个或多个元素，并返回新数组的长度。
        const result2=arr.unshift('牛魔王','白骨精')
        console.log(arr,result2)    //['牛魔王', '白骨精', '孙悟空', '猪八戒', '沙和尚', '唐僧']  6

        //  4.shift()在数组的开始位置删除一个元素，并返回删除的元素。
        const result3=arr.shift()
        console.log(arr,result3)   //  ['白骨精', '孙悟空', '猪八戒', '沙和尚', '唐僧'] '牛魔王'

        // 5.splice()
        const result4=arr.splice(1,3)
        console.log(arr,result4)    //['白骨精', '唐僧']    ['孙悟空', '猪八戒', '沙和尚']

        const  result5=arr.splice(1,0,'红孩儿','二郎神')
        console.log(arr,result5)    // ['白骨精', '红孩儿', '二郎神', '唐僧']  []

        // 6.reverse()
        const result6=arr.reverse()
        console.log(arr,result6)   //   ['唐僧', '二郎神', '红孩儿', '白骨精']  ['唐僧', '二郎神', '红孩儿', '白骨精'] 

    </script>
</head>
<body>
    
</body>
</html>